<!DOCTYPE html>

<head>
    <title>关于我们</title>
    <style>
        *{
            margin:0;
            padding:0;
        }
        html,body{
            width:100%;
            height:100%;
            background-color: #222;
            background-image: url('./leaf.png');
            background-position: top right;
            background-size: 30% auto;
            background-repeat: no-repeat;
        }
        #about-page{
            width:100%;
            height:100%;
            color:#ccc;
            font-size:15px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        #about-page .content{
            width:90%;
            height:90%;
        }
        .title{
            width:100%;
            height:50px;
            line-height:50px;
            font-size:20px;
            -webkit-app-region: drag;
        }
        .title .logo{
            float: left;
            width:50px;
            height:50px;
            background-image: url('../../favicon.ico');
            background-repeat: no-repeat;
            background-size: 70% 70%;
            background-position: center;
        }
        .title .val{
            float: left;
        }
        .close-btn{
            position: absolute;
            bottom:25px;
            right:20px;
            background-color: #0066CC;
            color:#e1e1e1;
            width:75px;
            height:25px;
            line-height:25px;
            text-align: center;
            border-radius:15px;
            cursor: pointer;
            font-size:14px;
        }

        .close-btn:hover{
            background-color: #003399;
            color:#fff;
        }

        ul{
            list-style-type: none;
            text-indent: 2em;
        }
        li{
            margin:3px 0;
        }
    </style>
</head>


<body>
    <div id="about-page">
        <div class="content">
            <div class="title">
                <div class="logo"></div>
                <div class="val">雨田大健康本地PACS系统</div>
            </div>
            <ul>
                <li>版本：v1.00</li>
                <li>日期：2025-02-19</li>
                <li>状态：<span style="color:#99CC33;font-size:14px">已激活</span></li>
                <li>开发公司：山西世纪兄弟电子商务有限公司</li>
                <li>地址：山西省洪洞县霍侯一级路客运站对面</li>
                <li>客服电话：03575551399</li>
                <li>客服邮箱：429196980@qq.com</li>
            </ul>
            <div class="close-btn">关闭</div>
        </div>
    </div>
</body>
<script>
    window.onload = () => {
        document.querySelector('#about-page .close-btn').addEventListener('click',()=>{
            window.$.send('CLOSE-ABOUT-US-WINDOW')
        })
    }

</script>


</html>